<template>
  <Card :title="title">
    <div class="grid">
      <DataItem v-for="(item, index) in datas" :key="index" v-bind="item"></DataItem>
    </div>
  </Card>
</template>
<script setup lang="ts">
  import { Card } from 'ant-design-vue';
  import DataItem from './DataItem.vue';
  import { IDataItem } from '@/api/institution/model/activityListModel';
  const props = defineProps({
    title: { type: String, default: '' },
    datas: { type: Array as () => IDataItem[], default: () => [] },
  });
</script>
<style lang="less" scoped>
  .grid {
    display: grid;
    grid-template-columns: repeat(3, 177px);
    gap: 24px;
    justify-content: space-between;
  }
</style>
